body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
 
}

#header {
	
	background : url(../images/orangedesign.png);
	width: 700px;
	height: 150px;
	margin: 0px auto;
  	padding: 0px;
	margin-top: 30px; 
	text-align: center;
	border-bottom:10px groove #FF6633;
	border-right:10px groove #FF6633;
}


#footer {
	
	width: 700px;
	height: 180px;
	margin: 0px auto;
  	padding: 0px; 
	text-align: center;
	border-bottom:10px groove #FF6633;
	border-right:10px groove #FF6633;
	border-left:10px groove #FF6633;
	
}
#clock {
	margin-left: 35%;
	float:left;
	position:relative;
}

#weather {
	margin-top: 10px;
	margin-left: 35%;
	float:left;
	position:relative;
}

#screen_header {
	background : url(../images/orangedesign.png);
	width: 700px;
	height: 75px;
	margin: 0px auto;
  	padding: 0px;
	margin-top: 30px; 
	text-align: center;
	border-bottom:10px groove #FF6633;
	border-right:10px groove #FF6633;
}

#greeting {
	margin-top: 20px;
}

#menu {
	width: 200px;
	height: 250px;
	text-align: center;
	border-right:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
	margin: 0px auto;
  	padding: 0px; 
	float: inherit;
}

#screenBody {
	text-align:center;
	margin: 20px auto;
  	padding: 0px; 
	padding-bottom: 40px;
	width: 700px;
	height: 800px;
	border-left:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
}

#calendarBody {
	text-align:center;
	margin: 20px auto;
  	padding: 0px; 
	padding-bottom: 40px;
	width: 700px;
	height: auto;
	border-left:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
}

#seminarBody {
	text-align:center;
	margin: 20px auto;
  	padding: 0px; 
	padding-bottom: 40px;
	width: 700px;
	height: auto;
	border-left:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
}

#pages{
	text-align: center;
	float: inherit; 
	border-right:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
	margin: 20px auto;
	margin-left:20px;
  	padding: 0px; 
}

#inner_logout {
	float: right;
	text-align:center; 
}

#central_body {
	text-align:center;
	margin: 20px auto;
  	padding: 0px; 
	padding-bottom: 40px;
	width: 700px;
	height: auto;
	border-left:10px groove #FF6633;
	border-bottom:10px groove #FF6633;
}

#entertainmentBody {
	background-image: url("../images/annou.png");
	margin-top: 50px; 
	height: 420px;
	width: 680px;
	margin-left: 20px;
}

#ev_container{
	height:630px;
	width : 210px;
	margin-left: 5px;
	margin-right : 5px;	
	float:left;
}


#event {
	background-image: url("../images/ann.png");
	background-color: transparent;
	font-family: "Comic Sans MS";
	
	font-weight: bolder;
	height: 120px;
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
	float:left;
}


#event_info {
	background-image: url("../images/ann.png");
	background-color: transparent;
	margin-left : 150px;
	margin-right: 150px;
	margin-top : 20px;
}

#more_info {
	height : 400px;
	width : 400px;
	background-color:transparent; 
	position:absolute;
}

#map {
	margin-top: 60px; 
	background-color: #8D391D;
	height: 305px;
	width: 655px;
	margin-left: 20px;
	position: relative;
}


#big_classroom {
	background-color: #FFD1C1;
	height: 295px;
	width: 125px;
	margin-left: 5px;
	margin-top: 5px;
	position: relative;
	float: left;
}

#small_classroom {
	background-color: #FFD1C1;
	height: 145px;
	width: 125px;
	margin-top:5px;
	position: relative;
	float: left;
}

#changed {
	background-color: red;
}


#class_container {
	background-color:#8D391D;
	height: 215px;
	width: 125px;
	margin-left: 5px;
	position: relative;
	float: left;
}



#calendar {
	margin-top: 60px; 
	background-color: #8D391D;
	height: 410px;
	width: 655px;
	margin-left: 20px;
	position: relative;
}

#cal_event {
}

#today {
	background-color: #FFD1C1;
	position:relative;
	margin: 5px;
	height: 400px;
	width: 255px;
	float: left;
}

#next_days {
	background-color: #8D391D;
	position:relative;
	margin-top: 5px;
	height: 400px;
	width: 390px;
	float: left;
}

#next_day {
	background-color: #FFD1C1;
	position:relative;
	margin-bottom: 5px;
	margin-right:5px;
	height: 130px;
	width: 190px;
	float: left;
}
#date {
	padding-top:1px;
	padding-bottom:1px;
	background-color: #FFB1A1
}

#ent_title {
	padding-top:1px;
	padding-bottom:1px;
	background-image:url("../images/title.png");
}


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {	
  margin-left: 32%;
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  margin-left: 20%;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

